<template>
  <swiper ref="mySwiper" :options="swiperOptions">
    <swiper-slide
        v-for="(item,index) in slide"
        :key="index"
    >
        <img :src="item.cover" alt="">
    </swiper-slide>
    <div class="swiper-pagination" slot="pagination"></div>
  </swiper>
</template>

<script>
export default {
  name: "Banner",
  props:{
      slide:{
          type:Array,
          default:() => []
      }
  },
  data() {
    return {
      swiperOptions: {
        pagination: {
          el: ".swiper-pagination"
        }
        // Some Swiper option/callback...
      }
    };
  }
};
</script>

<style lang="scss" scoped>
img{
    height: 153px;
}
</style>